@charset "utf-8";

/* CSS reset */

html, body, iframe,

h1, h2, h3, h4, h5, h6, p, 

ol, ul, dl, dd, 

input, button, textarea, th, td, form {margin: 0;padding: 0;}



body {color: #666;font: 12px/22px 'Microsoft YaHei','华文细黑',Helvetica,Arial,sans-serif; margin:0; padding:0; background:#fff;}

ol, ul {list-style: none;}

a {color: #666;text-decoration: none;}

.clear{ clear:both}
.m{ width:1280px; margin:0 auto}

textarea {resize: none;}

a:active, a:focus{text-decoration: none;outline: none;color: #666;}

a:hover {color:#ca0606;text-decoration: none;}

img {border: none;}

table {}

/** global class **/

.fl {float: left; _display:inline;}

.fr {float: right; _display:inline;}


.d_sb{ width:109px; height:109px;background:#e50010; opacity:0.8; filter:Alpha(opacity=80);}
.d_sb img{ width:109px; height:109px; float:lfet; }
.d_sb .d_wxewm{ display:none; width:110px; height:110px; z-index:1000}
.icon{ display:block; position:relative; }
.icon:hover .d_wxewm{ display:block; position:absolute; right:109px; margin-top:-109px;}
.d_sb:hover{ background:#ae1c1c; opacity:1; filter:Alpha(opacity=100);}


/**public**/



.body-main{ width:100%;min-width:980px; background:#fff; margin:0 auto;}

.main-wrap{width:100%;min-width:980px; margin:0 auto;}

.header{ width:1280px; height:79px; position:fixed; left:50%; margin-left:-640px;top:0; background:url(../images/header_bg01.png) repeat; z-index:99; background-color:transparent; transition:all 0.5s;}

.max-min{ width:100%; max-width:1280px;min-width:980px; margin:0 auto;}

.logo{ margin:0 31px;}

.hotline{ margin-right:20px;}

.menu ul li{ position:relative; width:113px; float:left; background:url(../images/menu_bg02.png) no-repeat right top;}



.menu ul li .navf{ width:112px; height:79px; position:relative; overflow:hidden; text-align:center; cursor:pointer;}

.menu ul li .navf span{ display:block;width:112px; height:79px; position:absolute; left:0;cursor:pointer;}

.menu ul li .navf .navcurbg{ top:-79px; background:url(../images/menu_bg01.png) no-repeat center 56px #ae1c1c;}

.menu ul li .navf .navon{ top:-79px;  font:13px/79px Arial, Helvetica, sans-serif; color:#fff;}

.menu ul li .navf .navcur{ top:0; font:14px/79px  "微软雅黑";color:#fff;}

.menu ul li.hover .navf .navcurbg{top:0;}

.menu ul li.hover .navf .navon{top:0;}

.menu ul li.hover .navf .navcur{ top:-79px;}

.menu ul li .nav-son{ display:none; position:absolute; height:59px; left:0; top:-60px; border-bottom:1px solid #941818; background:#ae1c1c;}

.menu ul li .nav-son .choose{ float:left; width:113px;height:59px;background:url(../images/menu_bg03.png) no-repeat right center;font:14px/59px "Times New Roman";color:#fff; text-align:center;}

.menu ul li .nav-son ul{ float:left;}

.menu ul li .nav-son ul li{ float:left; width:84px; height:59px; margin-left:15px; text-align:center;font:13px/59px "宋体"; color:#fff; position:relative; overflow:hidden;}

.menu ul li .nav-son ul li span{display:block;width:84px; height:59px; position:absolute; left:0; opacity:0.9;filter:Alpha(opacity=90);}

.menu ul li .nav-son ul li .nav-soncur{ top:-59px;}

.menu ul li .nav-son ul li .nav-sonon{ top:0;}

.menu ul li .nav-son ul li a{ color:#fff;}

.menu ul li .nav-son ul li.on{ background:url(../images/menu_bg04.png) no-repeat center;}

.menu ul li .nav-son ul li.on .nav-soncur{ top:0;}

.menu ul li .nav-son ul li.on .nav-sonon{ top:-59px;}





.side{ position:fixed; width:109px; height:330px; right:0; top:460px; z-index:100;}

.side ul li{ width:109px; height:109px; float:left; position:relative;border-bottom:1px solid #fff; }

.side ul li .sidebox{ position:absolute; width:109px; height:109px; top:0; right:0;transition:all 0.3s;background:#e50010; opacity:0.8; filter:Alpha(opacity=80); color:#fff; font:14px/109px "微软雅黑"; overflow:hidden;}

.side ul li .sidetop{ width:109px; height:109px; display:inline-block;background:#e50010; opacity:0.8; filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{ background:#ae1c1c; opacity:1; filter:Alpha(opacity=100);}



/***首页**/

.index-banner{ width:100%;height:630px; margin:0 auto; position:relative; }

.index-banner ul li{ position:absolute; left:0; top:0; display:none; width:100%; height:630px; background-repeat:no-repeat;background-position: center top; }

.index-banner .number{ display:none;}

.index-main .main-title{ width:1280px; height:43px; padding-top:30px; margin:0 auto 67px;}

.index-main .main-title h2{ font-size: 20px;color: #333;line-height: 34px;text-align: center;margin-bottom: 10px;}

.index-main .main-title .more {

display: block;

width:1280px;

height: 30px;

margin: 0 auto;

margin-bottom: 14px;

background: url(../images/more.png) no-repeat center;

color: #999;

line-height: 30px;

font-size: 15px; text-align:center; text-transform:uppercase}


.index-main .main-title2{}

.index-main .main-title2 h2{ color:#fff;}

.index-main .main-title2 h2 span{}

/*首页产品*/

.index-probox{ position:relative; overflow:hidden; float:left; margin: 1px; height:322px; background:#eaeaea;}

.index-proname h3{ padding-top:100px; width:208px; margin:0 auto; height:63px; font:36px/40px "Times New Roman"; color:#121212; background:url(../images/index_bg02.png) no-repeat left bottom; margin-bottom:30px;}

.index-proname p{width:208px; margin:0 auto; font:14px/24px "微软雅黑"; color:#9d9d9d;}

.index-probox ul li{position:absolute; left:0; top:0; display:none; width:100%; height:322px; background-repeat:no-repeat;background-position: center top;}


.proboxbg{ position:absolute; width:100%; height:100%; background:url(../images/bg.png); overflow:hidden; z-index:2;display:none;}

.protext{ display:none; position:absolute; width:100%; left:0; top:112px; background:url(../images/index_bg04.png) no-repeat center top; z-index:3; text-align:center;}

.protext h3{ font:20px/34px "微软雅黑"; color:#fff; margin-top:46px;}

.protext p{ font:18px/30px "Times New Roman"; color:#fff;opacity:0.6;filter:Alpha(opacity=60); text-transform:uppercase}

.index-promore{ display:block; height:62px; margin:20px 0 10px; background:#f7f7f7; font:14px/62px Arial; color:#9d9d9d; text-align:center; transition:all 0.4s;}

.index-promore:hover{ background:#999999; color:#fff;}

/**首页新闻**/

.index-newsmore{ float:right; font:normal 16px/24px Arial; color:#c6c6c6; padding-right:15px;}

.index-newsmore:hover{ color:#fff;}

.index-newsle{ float:left; width:47%;}

.index-newsle-img { width:100%;position:relative; overflow:hidden;margin-bottom:30px;}

.index-newsle h3{ margin-bottom:15px; font:18px/24px "微软雅黑"; color:#dfdfdf;}

.index-newsle h3 span{ float:right; font-size:14px; color:#7a7a7a;}

.index-newsle p{ color:#888; line-height:24px;}

.index-newsri{ float:right; width:47%; padding-left:5px;}

.index-newsri dl{ width:100%; margin-left:-5px; padding:22px 0; padding-left:5px; margin-bottom:25px; transition:background 0.4s; cursor:pointer;}

.index-newsri dl dt{ width:17%; float:left;  font:normal 50px/76px  Arial, Helvetica, sans-serif; color:#e6e6e6; text-align:center; background-color:rgba(36,35,35,0.3); font-weight:normal}

.index-newsri dl dd{ float:right; width:74%; float:right; padding-right:18px;}

.index-newsri dl dd h3{ height:24px; margin-bottom:10px; font:18px/24px "微软雅黑"; color:#dfdfdf; overflow:hidden;}

.index-newsri dl dd h3 span{ float:right; font-size:14px; color:#717171; margin-bottom:12px;}

.index-newsri dl dd p{ color:#888;}

.index-newsri dl.hover{padding-left:0; background:#e3e3e3;border-left:5px solid #333; }

.index-newsri dl.hover dt{color:#565656; background:#e3e3e3;}

.index-newsri dl.hover dd h3{ color:#3b3b3b;}



/**品牌加盟**/

.index-brand{}

.index-brandbox{ position:relative; overflow:hidden; float:left; margin:0 1px 0 0; height:280px; background:#f7f7f7; transition:background 0.5s , padding 0.5s , margin 0.5s; cursor:pointer;} 

.index-brandbox .brand-icon{ width:80px; height:66px; margin:30px auto 13px; overflow:hidden; }

.index-brandbox .icon01{ background:url(../images/index_bg07.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}

.index-brandbox .icon02{ background:url(../images/index_bg08.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}

.index-brandbox .icon03{ background:url(../images/index_bg09.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}

.index-brandbox .icon04{ background:url(../images/index_bg10.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}
.index-brandbox .icon05{ background:url(../images/index_bg11.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}
.index-brandbox .icon06{ background:url(../images/index_bg13.png) no-repeat;background-position:0 -106px;transition:all 0.6s ease-out 0.3s;}

.index-brandbox .brand-title{ text-align:center;}

.index-brandbox .brand-title h4{ font:normal 18px/28px "微软雅黑"; color:#484848;transition:all 0.3s}

.index-brandbox .brand-title p{ font:12px/28px "Times New Roman"; color:#bababa; text-transform:uppercase}

.index-brandbox .brand-title span{ margin-top:20px; display:inline-block; width:87px; height:1px; overflow:hidden; background:#c5c5c5;}

.index-brandbox .brand-intro{ width:76%; font:12px/24px "微软雅黑"; color:#777; margin:20px auto 0; text-align:center; }

.index-brandbox .nrand-jia{ margin:10px auto ; width:114px; height:25px; background:url(../images/index_bg12.png) no-repeat; display:none;}

/*.index-brandbox:hover{ padding:17px 0 13px; margin:-17px 1px 0 0; background:#4d4b4c; z-index:1;}*/

.index-brandbox.hover .icon01,.index-brandbox.hover .icon02,.index-brandbox.hover .icon03,.index-brandbox.hover .icon04,.index-brandbox.hover .icon05,.index-brandbox.hover .icon06{background-position:0 0;}

.index-brandbox.hover .brand-title h4{ color:#ffffff;}

.index-brandbox.hover .brand-title p{ color:#716f70;}

.index-brandbox.hover .brand-title span{ background:#716f70;}

.index-brandbox.hover .brand-intro{height:76px;  color:#838182;}

.index-brandbox.hover .nrand-jia{ display:block;}









/**联系我们***/

.contact{ padding-bottom:70px; position:relative;}

.contact-title{ font:40px/50px "Times New Roman", Times, serif; color:#303030; margin-bottom:40px;}

.contact-join{ float:left; width:290px; padding-right:88px; color:#636363;}

.contact-join h2,.contact-wel h2{ font:24px/34px "Times New Roman", Times, serif; color:#333;}

.contact-wel{ float:left; width:580px; overflow:hidden;}

.location-list{ width:620px;}

.location-list li{ display:inline-block; _display:inline; width:145px; float:left; margin-right:50px; line-height:24px;}

.location-list li b{ font-size:14px; line-height:34px;}

.location-list li .see{ display:block; background:url(../images/index_bg11.gif) no-repeat; padding-left:30px; font:14px/30px Arial; margin-top:20px;animation:scale 1.5s infinite linear; -webkit-animation:scale 1.5s infinite linear;}

@keyframes scale {      

  0% { background-position:0 0;}

  50% {background-position:0 5px;}

  100% {background-position:0 0;}

}

@-webkit-keyframes scale

{

   0% { background-position:0 0;}

  50% {background-position:0 5px;}

  100% {background-position:0 0;}

}

.gotop{ display:block; position:absolute; top:90px; right:0; width:131px; height:36px; font:14px/36px "Times New Roman", Times, serif; color:#000;}

.gotop span{ display:inline-block; width:36px; height:36px; float:right; background:#c90000; overflow:hidden; position:relative; transition:all 0.5s;}

.gotop span img{ position:absolute; left:0; top:0;}

.gotop:hover{ opacity:0.7;color:#000;filter:Alpha(opacity=70);}



/**内页**/

.inner-banner{ width:100%;height:546px; margin:0 auto; position:relative; background:url(../images/loading.gif) no-repeat center; overflow:hidden;}

.inner-banner img{ position:absolute; left:50%; top:0; margin-left:-960px; max-width:1920px;}
.nbanner{ background: url(../images/banner111.jpg) no-repeat center; height:400px}
.neiye {width:1200px; margin:40px auto 40px; overflow:hidden;}
.neiye .left {width:200px; float:left; overflow:hidden;}
.neiye .left h3 {width:184px; padding:10px 6px 6px 6px; text-align:center; color:#fff; font-size:22px; font-weight:normal; line-height:30px; background-color:#ae1c1c; margin:0 auto;}
.neiye .left h3 span {font-size:14px; font-family:Arial;}
.neiye .left ul {width:200px; margin:0 auto;}
.neiye .left ul li {width:200px; height:51px; background:url(../images/yy1.png) repeat-y; font-family:"微软雅黑"; font-size:14px; color:#ffffff; line-height:50px; float:left; display:block;}
.neiye .left ul li a {width:179px; height:50px; border-bottom:1px solid #dddddd; font-family:"微软雅黑"; font-size:14px; color:#555555; line-height:50px; text-decoration:none; padding-left:15px; margin-left:3px; display:block;}
.neiye .left ul li a:hover {background:url(../images/lm.png) no-repeat; color:#ae1c1c; text-decoration:none;}
.neiye .left ul li a.ho {background:url(../images/lm.png) no-repeat; color:#ae1c1c;}
.neiye .left .bott {width:200px; background:url(../images/yy2.png) no-repeat; height:5px; float:left;}
.neiye .right {width:930px; font-family:"微软雅黑"; font-size:14px; color:#555555; line-height:28px; float:right; overflow:hidden;border: 1px solid #eeeeee; padding:10px 20px 20px 20px; background:#FFFFFF} 
.neiye .right .lmmc {border-bottom:1px solid #dddddd; width:908px; height:51px; line-height:50px; color:#ae1c1c; overflow:hidden; background:url(../images/four-rightnav.png) no-repeat center left; padding-left:20px; font-size:18px; font-weight:bold}
.neiye .right .lmmc span {border-bottom:1px solid #ae1c1c; padding-bottom:15px;}
.neiye1 {width:1280px; margin:0px auto 40px; overflow:hidden;}

.right1 {width:1280px; font-family:"微软雅黑"; font-size:14px; color:#555555; line-height:28px; float:right; overflow:hidden; background:#FFFFFF} 
.right1 .lmmc {border-bottom:1px solid #dddddd; width:1178px; height:51px; line-height:50px; color:#ae1c1c; overflow:hidden; background:url(../images/four-rightnav.png) no-repeat center left; padding-left:20px; font-size:18px; font-weight:bold}
.right1 .lmmc span {border-bottom:1px solid #ae1c1c; padding-bottom:15px;}
.wwnz {font-size:14px; line-height:32px; color:#555555; padding-top:15px;}
.neiye .right .wykh {width:690px; float:left;}
.neiye .right .wykh h3 {border-bottom:1px dotted #dddddd; font-size:14px; color:#777777; line-height:30px; padding-top:15px;}

.article_list{ margin:30px auto;}
.article_list li{ clear:both; margin-top:20px; padding-bottom:20px; border-bottom:1px dashed #eee;}
.article_list li .pic{ float:left; width:312px; height:185px;}
.article_list li .pic img{   width:312px; height:185px;}
.article_list li .txt{ float:right; width:940px; }
.article_list li .txt h2 strong a{ font-weight:normal; font-size:20px; line-height:30px;}
.article_list li:hover .txt h2 strong a{color:#ae1c1c; }
.article_list li .txt p {  color:#666;margin-top:5px;   font-size:14px; line-height:24px;}
.article_list li .txt p a{ margin-top:25px;line-height:26px; border-radius:20px; border:1px solid #ae1c1c;  display:block; text-align:center; float:right; margin-right:10px; color:#ae1c1c;   width:105px; }
.article_list li:hover .txt p a{ color:#fff; background:#ae1c1c; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; }

.fenye{ height:40px; padding-top:10px; float:right; clear:both; width:500px }
.fenye ul{ float:right;  }
.fenye ul li{  margin-right:5px;  float: left; border:1px solid #eee;line-height:25px; font-size:12px}
.fenye li a{background:#fff; display:block; color:#333; padding:0 10px;}
.fenye li a:hover { background:#ae1c1c; color:#fff;}
.fenye li.thisclass { background:#ae1c1c; color:#fff;padding:0 10px;}
.con_right_case{ width:945px; margin:auto;  clear:both; margin-top:20px; padding-left:0px}
.con_right_case ul{}
.con_right_case li{ box-shadow:2px 2px 10px  #e5e5e5; border:1px solid #e5e5e5;  border-radius:5px; margin:0px 7px;   background:#fff;margin-bottom:30px; position:relative; width:296px;  overflow:hidden;  float:left; }
.con_right_case li:hover{ box-shadow:2px 2px 10px  #ccc;  }
.con_right_case li img{ border:1px solid #e5e5e5; margin:10px 10px 0 10px	; width:274px;  }
.con_right_case li .pic_txt{ background:url(../images/eye.png) no-repeat  360px 22px; color:#555; width:100%;  float:left; text-align:center;}
.con_right_case li .pic_txt  a{ display:block; margin:0 10px; line-height:40px; color:#555; font-size:14px; }
.con_right_case li:hover .pic_txt  a{ color:#ae1c1c;}

.db{ height:32px; background:url(../images/h_bj1.jpg) no-repeat center}
.yindao {width:100%;overflow:hidden;}  
.yindao .yd {width:1200px; margin:0 auto; overflow:hidden;}
.yindao .yd .lf {font-size:12px; width:600px; color:#555555; line-height:32px; float:left;}
.yindao .yd .lf .xx {float:left;}
.wx {float:left; width:21px; height:20px; margin-left:10px; margin-top:5px; display:block;}
.yindao .yd .rt1 {font-size:12px; color:#555555; line-height:32px; text-align:right; float:right; background:url(../images/ch.gif) no-repeat center left; width:80px} 
.yindao .yd .rt1 a {width:100px; height:32px;  font-size:12px; line-height:32px; color:#555555; text-align:center; text-decoration:none; float:left; display:block;}
.yindao .yd .rt2 {font-size:12px; color:#555555; line-height:32px; text-align:right; float:right; background:url(../images/en.gif) no-repeat center left; width:80px} 
.yindao .yd .rt2 a {width:100px; height:32px; font-size:12px; line-height:32px; color:#555555; text-align:center; text-decoration:none; float:left; display:block;}

.bitao{ font-size:26px; color:#333; text-align:left; height:42px; line-height:38px; margin-bottom:10px}

.pageConImg
{
    width: 100%;
    text-align: center;
    margin: 0 auto;

}
.pageConImg ul
{
    text-align: center;
    margin: 0 auto;
    list-style-type: none;
    padding:10px;
}
.pageConImg ul li
{
    text-align: center;
    margin: 0 auto;
    display:inline-block;
    padding:2px; width:202px
}
.pageConImg ul li a
{
    width:100%;
    text-decoration: none;
    display:block;
    position:relative;
}
.pageConImg ul li a:hover h1
{
    text-decoration: none;
    color: #d7000f;
}
.pageConImg ul li img
{
    text-align:center;
    margin:0 auto;
}
.pageConImg ul li h1
{
    padding-top:25px;
     
    font-size: 1.125em;font-size: 1.125rem;
    line-height: 1.125em;line-height: 1.125rem;
    font-weight: normal;
    color: #072235;
    text-decoration: none;
}
.pageConImg ul li p
{
    padding-top:5px;
     
    font-size: 0.75em;font-size: 0.75rem;
    line-height: 0.75em;line-height: 0.75rem;
    font-weight: normal;
    color: #9fa0a0;
    text-decoration: none;
}
.inner-main .main-title{ width:100%; height:88px; padding-top:50px; margin-bottom:80px;background:url(../images/index_bg01.png) repeat-x 0 bottom;}

.inner-main .main-title h2{ font: normal 32px/40px "微软雅黑"; color:#444; text-align:center}

.inner-main .main-title h2 span{ display:block; font:14px/40px "微软雅黑";  height:48px; background:url(../images/inner_bg01.gif) no-repeat center bottom; color:#a3a3a4}

.inner-main .main-title2{background:url(../images/index_bg06.png) repeat-x 0 bottom;}

.inner-main .main-title2 h2{ color:#fff;}

.inner-main .main-title2 h2 span{ color:#a3a3a4; background:url(../images/inner_bg02.gif) no-repeat center bottom; }



/**关于我们**/

.about{ text-align:center; font:14px/26px "微软雅黑"; color:#777777; height:200px; margin-bottom:100px; position:relative; overflow:hidden;}

.about-content{ margin-top:200px; opacity:0;filter:Alpha(opacity=0);}



.honorwrap{ position:relative; height:335px;overflow:hidden;}

.honorwrap .prev,.honorwrap .next,.joinwrap .prev,.joinwrap .next{ width:58px; height:58px; cursor:pointer; position:absolute; top:130px; z-index:51; opacity:0.7; filter:Alpha(opacity=70);background: url(../images/about_bg07.png) no-repeat; transition:all 0.3s;}

.honorwrap .prev span,.honorwrap .next span,.joinwrap .prev span,.joinwrap .next span{ display: block; width:58px; height:58px; position:absolute; left:0; top:0;background: url(../images/about_bg06.png) no-repeat;}

.honorwrap .prev,.joinwrap .prev,.honorwrap .prev span,.joinwrap .prev span{left:0px; background-position:0 0;}

.honorwrap .next,.joinwrap .next,.honorwrap .next span,.joinwrap .next span{right:0px; background-position:-58px 0;}

.honorwrap .prev:hover,.joinwrap .prev:hover{opacity:1; filter:Alpha(opacity=100)}

.honorwrap .next:hover,.joinwrap .next:hover{opacity:1; filter:Alpha(opacity=100)}





.honor-list{ width:821px; height:314px; padding:5px;position: relative;overflow: hidden;margin: 0 auto;}

.honor-list li{ width:196px; height:134px; padding:14px; top:78px; background:url(../images/about_bg05.jpg) no-repeat ; -moz-background-size: cover;  -webkit-background-size: cover;background-size:cover;position: absolute;left: 888px;z-index: 30;box-shadow:0 0 6px rgba(0,0,0,0.3);-moz-box-shadow:0 0 6px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.3); -o-box-shadow:0 0 6px rgba(0,0,0,0.3); }





.honor-list li img{width: 100%;}

.honor-list li.mid{width: 384px;height: 262px; padding:26px;}





.factorywrap{ position:relative; height:430px; overflow:hidden;}

.factorywrap .prev1,.factorywrap .next1{ width:58px; height:58px; cursor:pointer; position:absolute; top:150px; z-index:51; opacity:0.7; filter:Alpha(opacity=70);background: url(../images/about_bg07.png) no-repeat; transition:all 0.3s;}

.factorywrap .prev1 span,.factorywrap .next1 span{ display: block; width:58px; height:58px; position:absolute; left:0; top:0;;background: url(../images/about_bg06.png) no-repeat;}

.factorywrap .prev1,.factorywrap .prev1 span{left:0px; background-position:0 0;}

.factorywrap .next1,.factorywrap .next1 span{right:0px; background-position:-58px 0;}

.factorywrap .prev1:hover{opacity:1; filter:Alpha(opacity=100)}

.factorywrap .next1:hover{opacity:1; filter:Alpha(opacity=100)}

.factory-list{ width:960px; margin:0 auto; position:relative; overflow:hidden;}

.factory-list ul li{ position:relative; display:inline-block; _display:inline; float:left; width:290px; margin:0 45px 10px 0; border-bottom:2px solid #e0e0e0;}

.factory-list ul li p{ font-size:16px; padding:15px 0; text-align:center;}

.factory-list ul li img{ 

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */

filter: gray; /* IE6-9 */

-webkit-filter: grayscale(100%); transition:all 0.3s; }

.factory-list ul li:hover img{ 

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

-webkit-filter: grayscale(0%);}

/**工厂实景**/



/***合作伙伴**/

.partner{ width:99%; position:relative; overflow:hidden;}

.partner ul{}

.partner ul li{ float:left; width:23%; margin:0 1% 66px; border-bottom:1px dashed #c1c1c1; height:129px; text-align:center; transition:all 0.3s; display:none;}

.partner ul li:hover{ border-bottom-color:#d72222;}



.partner ul li img{ 

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */

filter: gray; /* IE6-9 */

-webkit-filter: grayscale(100%); transition:all 0.3s; }

.partner ul li:hover img{ 

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

-webkit-filter: grayscale(0%);}



/***产品列表**/

.back{ margin-top:-50px;}

.pro-back{ float:right; margin-right:10px; width:78px; height:26px; padding-left:15px;background:url(../images/pro_bg01.png) no-repeat 20px 8px; font:14px/26px "微软雅黑"; display:inline-block; border:1px solid #efefef; text-align:center; transition:all 0.3s;}

.pro-back:hover{ background-color:#f5f5f5;}

.probox{padding:82px 0; position:relative; overflow:hidden;}

.proboxcover{ width:100%; height:100%; position:absolute; z-index:2; background:#fff; opacity:0.7; filter:Alpha(opacity=70); left:0; top:0;}

.prole{ float:left; width:10%; border-top:1px solid #363636; font:bold 18px/24px Arial,"微软雅黑"; color:#363636; padding-top:22px; text-indent:3px;}

.prori{ float:right; width:84%; overflow:hidden;}

.prori ul{ width:105%;}

.prori ul li{ float:left; width:257px; height:145px; position:relative; overflow:hidden; margin:0 16px 16px 0; background:url(../images/loading.gif) no-repeat center;  }

.prori ul li .prolicover{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:0.5;filter:Alpha(opacity=50); background:#000; display:none; overflow:hidden;}

.prori ul li .prolitext{ position:absolute; width:327px; left:20px; top:-46px; font:bold 15px/21px "微软雅黑"; color:#fff;}

.prori ul li .prolitext span{ display:block; font:normal 12px/16px Arial; color:#fff;opacity:0.5;filter:Alpha(opacity=50)}

.prori ul li .prolimore{ position:absolute; width:26px; height:26px; right:15px; bottom:-26px; overflow:hidden;}

.prori ul li .prolimore a{transform:rotate(0deg); display:block;width:26px; height:26px; background:url(../images/pro_bg02.png) no-repeat; transition:all 0.3s;}

.prori ul li .prolimore a:hover{ transform:rotate(90deg);}



/***产品展示**/

.proclass{ max-width:1920px;}

.proclass ul{width:100%;}

.proclass ul li{ display:none; width:100%; float:left; max-width:1920px; height:200px; margin:0 auto; border-bottom:1px solid #323234; position:relative; overflow:hidden; background-position:center top; background-repeat:no-repeat;cursor:pointer;}

.proclass .proclasscover{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6;filter:Alpha(opacity=60); z-index:2}

.proclass .proclasstext{position:absolute; left:0; top:60px; width:100%; height:130px; text-align:center; z-index:1;}

.proclass .proclasstext h2{ font:normal 24px/24px "Times New Roman", Times, serif; color:#ddd;}

.proclass .proclasstext span{ display:inline-block; width:14px; height:1px; background:#fff;opacity:0.5;filter:Alpha(opacity=50); overflow:hidden;}

.proclass .proclasstext p{ font:15px/24px "微软雅黑"; color:#ddd;}



/***合作流程**/

.cooper{width:100%; padding-top:36px; overflow:hidden; position:relative;}

.cooper ul{ width:105%;}

.cooper ul li{ float:left; display:inline-block; margin:0 17px 58px 0; padding-top:60px; width:168px; height:285px; position:relative; background:#f0f0f0; transition:all 0.4s;}

.cooper ul li .coopericon{ position:absolute; width:66px; height:73px; top:-36px; left:51px; overflow:hidden;}

.cooper ul li .coopericon .iconcover1{ position:absolute;width:66px; height:73px; background:url(../images/pro_bg03.png) no-repeat; z-index:2;}

.cooper ul li .coopericon .iconcover2{ position:absolute;width:66px; height:73px; background:url(../images/pro_bg03.png) no-repeat -66px 0; z-index:3; display:none;}

.cooper ul li .coopericon .iconbg{position:absolute;width:66px; height:148px; left:0; top:0; background:url(../images/pro_bg04.gif) repeat-x; z-index:1}

.cooper ul li .coopericon .iconimg{ position:relative; z-index:4;}

.cooper ul li .coopertext{ width:120px; margin:0 auto;}

.cooper ul li .coopertext h3{ text-align:center; font:normal 16px/26px "微软雅黑"; color:#454545; text-shadow:1px 1px 2px #fff; padding-bottom:5px;}

.cooper ul li .coopertext p{ padding:10px 0; background:url(../images/cooper_bg01.gif) no-repeat center bottom; font:12px/20px "微软雅黑"; color:#999;text-shadow:1px 1px 2px #fff;}





/***品牌加盟**/

.brand{ width:100%; margin:0 auto;} 

.brand dl{ height:496px; position:relative; z-index:1;}

.brand dl dt{ height:80px; background:#2e2e2e; border-bottom:1px solid #393939;text-align:center; cursor:pointer;}

.brand dl dt span{ display:inline-block; padding:28px 58px; font:24px/24px "微软雅黑"; color:#fff; background:url(../images/cooper_bg03.png) no-repeat right center;}

.brand dl dt.cur{ background:none; border-color:transparent;}

.brand dl dt.cur span{ background:none;}

.brand dl dt.prev{ background:none;}

.brand dl dd{height:164px; padding-top:8px; display:none; font:14px/32px "微软雅黑"; color:#9f9f9d; text-align:center;}

.brandbottom{width:100%; margin:0 auto;height:142px; background:#2e2e2e; position:relative; z-index:1;}

.main-title2{position:relative; z-index:1;}

.brandmain-bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;}

.brandmain-bg ul li{width:100%; height:100%; position:absolute; left:0; top:0; display:none;}



.joinwrap{ position:relative; height:410px; overflow:hidden;}

.job-list{ width:960px; margin:0 auto; position:relative; overflow:hidden;}

.job-list ul li{ position:relative; display:inline-block; _display:inline; float:left; width:250px; height:370px; padding:20px; margin:0 45px 0 0; background:#dfdfdf; transition:all 0.4s;}

.job-list ul li th{ font:bold 16px/24px "微软雅黑"; color:#323232; text-align:left; border-bottom:1px dotted #bababa; padding-bottom:10px;}

.job-list ul li td{ height:27px; line-height:24px;}

.job-list ul li .apply{ position:absolute; right:20px; bottom:25px; padding-left:16px; background:url(../images/join_bg02.gif) no-repeat 0 center; font:12px/12px "微软雅黑"; }

.job-list ul li.hover{ background:#fff;}

.job-list ul li.hover .apply{ color:#ca0606;}

.job-list ul li.hover th{color:#ca0606;}



/**新闻中心**/

.news{ background:#eaeaea;overflow:hidden; margin-bottom:75px; }

.news-text{ float:left; width:49%; height:100%;position:relative;}

.news-text-box{ width:80%; padding:10% 0;  margin:0 auto; }

.news-img{ float:right; width:50%; overflow:hidden; max-height:438px}

.news-img img{transition:all 1.8s; -webkit-transition:all 1.8s; }

.news-img img:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }

.news-text-box h3{ font:normal 20px/26px "微软雅黑"; color:#444; padding-bottom:30px;}

.news-text-box h3 a{ color:#444;}

.news-text-box h3 a:hover{ color:#000;}

.news-text-box p{ height:85px; font:12px/20px "微软雅黑"; color:#7b7b7b;}

.news-text-box  .newsmore{ display:inline-block; width:120px; height:32px; background:#868686; border:1px solid #7b7b7b; font:14px/32px Arial; text-align:center; color:#fff; transition:all 0.3s;}

.news-text-box .newsmore:hover{ background:#AE1C1C; border:1px solid #960303;}

.news-text-box .newstime{ position:absolute; left:10%; bottom:8%;}



.news-info{ position:absolute; width:100%; max-width:1280px; min-height:980px; left:50%; top:545px; background:#fff; display:none; z-index:1000;}

.news-overlay{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7;filter:Alpha(opacity=70); z-index:999;display:none;}

.news-content{ width:90%; margin:120px auto;}

.info-til{ border-bottom:2px solid #e3e3e3; padding-bottom:40px; text-align:center;}

.info-til h2{ font:normal 20px/26px "微软雅黑"; color:#444; padding-bottom:10px;}

.info-til p{ font-size:14px;}

.info-cen{ padding:25px 0; font:14px/26px "微软雅黑"; color:#7b7b7b;}

.info-page{ margin-top:115px; background:#efefef; padding:25px 30px; font:14px/26px "微软雅黑";}

.news-close{ width:43px; height:51px; background:url(../images/news_bg01.jpg) no-repeat; position:absolute; right:0; top:40px;}



.lead-top{min-width:980px; height:476px; width:100%; background:url(../images/lead_bg01.jpg) repeat;}

.lead-logobox{ display:none; width:140px; height:245px; margin:0 auto; background:url(../images/lead_bg02.png) no-repeat; position:relative;}

.lead-logo{ position:absolute; width:85px; height:61px; left:30px; top:80px; display:none; background:url(../images/lead_bg03.png) no-repeat;}

.lead-bot{ height:120px; width:100%; min-width:980px; padding-top:115px; background:url(../images/lead_bg06.jpg) no-repeat center; margin:0 auto; text-align:center; font:10px/24px "微软雅黑"; color:#5d5d5d; position:relative;}

.lead-enter{ position:absolute; width:61px; height:61px; left:50%; top:-31px; margin-left:-30px; background:url(../images/lead_bg04.png) no-repeat;opacity: 0;}

.lead-enter a{ display:block; width:100%; height:100%;}

.lead-bot h2{ font:bold 18px/24px "Times New Roman", Times, serif; color:#777;}

.lead-enter.show{

	animation: show 1s forwards;

	-webkit-animation: show 1s forwards;

	-ms-animation: show 1s forwards;

}

@keyframes show{

	to{

		opacity: 1;

		transform: rotateY(-360deg);

	}

}

@-webkit-keyframes show{

	to{

		opacity: 1;

		-webkit-transform: rotateY(-360deg);

	}

}

@-ms-keyframes show{

	to{

		opacity: 1;

		-ms-transform: rotateY(-360deg);

	}

}

.lead-enter:hover{

	opacity: 1;

	animation: scale 1s linear;

	-webkit-animation: scale 1s linear;

	background:url(../images/lead_bg10.png) no-repeat;

}



.lead-text{ width:488px; position:relative; margin:50px auto 0; overflow:hidden; height:88px;}

.lead-text img{ position:absolute;}

.lead-text img.lead-text01{ left:-280px; top:6px;}

.lead-text img.lead-text02{ right:-100px; top:45px;}

.lead-text img.lead-text03{ left:0; top:88px;}





/* 人才招聘 */

#spred {

	color:#F00;

}

.joinus_tb {

	border:1px solid #E2E2E2;

	border-width: 0 0 1px 1px;}

.joinus_tb tr td {

	padding: 5px;

	border:1px solid #E2E2E2;

	border-width:1px 1px 0 0;

}

.joinus_tb .feedback_input {

	width: 260px;

	height: 18px;

	padding: 5px;

	line-height: 18px;

	color: #666;

	border: 1px solid #dddddd;

	box-shadow: 2px 2px 2px #f4f4f4 inset;

	background: #fff;

}

.joinus_tb .error {

	width: 260px;

	height: 18px;

	padding: 5px;

	line-height: 18px;

	color: #666;

	border: 1px solid #D70128;

	box-shadow: 2px 2px 2px #f4f4f4 inset;

	background: #fff;

}



.join-info{ position:absolute; width:100%; max-width:1280px; min-height:980px; left:50%; top:545px; background:#fff; display:none; z-index:1000;}

.join-overlay{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7;filter:Alpha(opacity=70); z-index:999;display:none;}

.join-content{ width:90%; margin:120px auto;}

.info-til{ border-bottom:2px solid #e3e3e3; padding-bottom:40px; text-align:center;}

.info-til h2{ font:normal 20px/26px "微软雅黑"; color:#444; padding-bottom:10px;}

.info-til p{ font-size:14px;}

.info-cen{ padding:25px 0; font:14px/26px "微软雅黑"; color:#7b7b7b;}

.info-page{ margin-top:115px; background:#efefef; padding:25px 30px; font:14px/26px "微软雅黑";}

.join-close{ width:43px; height:51px; background:url(../images/news_bg01.jpg) no-repeat; position:absolute; right:0; top:40px;}







.newsnav{ text-align:center; margin-top:-12px;}

.newsnav a{ display:inline-block; width:98px; height:24px; background:#fff; border:1px solid #e0e0e0; color:#a1a1a1; font:12px/24px "微软雅黑"; text-align:center;}

.newsnav a:hover,.newsnav a.hover{ background:#d31f1f; border-color:#ae1c1c; color:#fbe9e9;}

.fot{ height:45px; line-height:45px; background:#040404; color:#828496}

.choice { background-color: #fff;padding-top: 30px; height:auto; overflow:hidden; padding-bottom:20px }

.choice .wrap {width: 1280px;margin: 0 auto;overflow: hidden; }

.choice .title {font-size: 20px;color: #333;line-height: 34px;text-align: center;margin-bottom: 10px; }

.choice .more {

display: block;

width:1280px;

height: 30px;

margin: 0 auto;

margin-bottom: 14px;

background: url(../images/more.png) no-repeat center;

color: #999;

line-height: 30px;

font-size: 15px; text-align:center;text-transform:uppercase}

.choice ul {width: 1300px; }

.choice ul li {

  width: 280px; margin:0 20px;

   float:left}

  .choice ul li .hd {

width: 112px;

height: 129px;

position: relative;

margin: 0 auto;

margin-bottom: 16px; }

.choice ul li .hd .cover {

  width: 79px;

  height: 79px;

  background: url(../images/cir79x79.png) no-repeat center; }

.choice ul li .hd .bg {

  width: 50px;

  height: 50px;

  background-repeat: no-repeat;

  margin: 0 auto; }

.choice ul li .hd:hover .bg {

  background-position: 0 -50px; }

.choice ul li .hd:hover .cover {

  background: url(../images/cir79x7902.png) no-repeat center; }

.choice ul li .hd .car {

  background-image: url(../images/ind01.png); }

.choice ul li .hd .heart {

  background-image: url(../images/ind02.png); }

.choice ul li .hd .person {

  background-image: url(../images/ind03.png); }

.choice ul li .hd .map {

  background-image: url(../images/ind04.png); }

.choice ul li .title2 {

text-align: center;

font-size: 20px;

line-height: 34px;

color: #444;

margin-bottom: 3px; margin-top:20px}

.choice ul li .content {

width: 100%;

font-size: 12px;

color: #666;

line-height: 28px;

margin-bottom: 35px; text-align:center }
.cpzs1{  height: auto; width:1280px; margin:40px auto 70px}
.ab{ width:845px; float:right; margin-right:20px; padding-top:20px}
.ab h1{ font-size:18px; color:#595f5d; font-weight:bold; padding-bottom:10px}
.ab span{ font-size:14px; line-height:30px; color:#8e8d8d; }


.footer1 {
	width:100%;
	height:203px;
	background: url(../images/home2_03-03.jpg) repeat-x bottom #202020; margin-top:50px; color:#828496
}
.footer_middle {
	width:1200px;
	height:203px;
	margin:0px auto;
}
.footer_middle_logo {
	width:362px; padding-top:20px;
	height:110px;
	border-right:1px solid #343434;
	margin-top:30px; margin-left:20px;
	float:left
}
.footer_middle_nav {
	width:260px;
	margin-left:55px;
	height:147px;
	border-right:1px solid #343434;
	float:left;
	margin-top:30px;
}
.footer_middle_nav ul li {
	width:90px;
	float:left;
	display:block
}
.footer_middle_nav ul li a {
	display:block;
	height:28px;
	text-decoration:none;
	color:#666666;
	text-align:left;
	vertical-align:middle;
	line-height:28px;
}
.footer_middle_nav ul li a:hover {
	color:#0092E0
}
.footer_middle_nav ul .footer_middle_motorcycle_type_bt {
	width:220px;
	text-align:left;
	font-size:14px;
	color:#333333;
}
.footer_middle_motorcycle_type {
	width:132px;
	height:147px;
	border-right:1px solid #343434;
	float:left;
	margin-top:30px;
}
.footer_middle_motorcycle_type ul li a {
	display:block;
	width:80px;
	height:28px;
	text-decoration:none;
	color:#666666;
	margin:0px 0px 0px 40px;
	text-align:left;
	vertical-align:middle;
	line-height:28px;
}
.footer_middle_motorcycle_type ul li a:hover {
	color:#0092E0
}
.footer_middle_motorcycle_type ul .footer_middle_motorcycle_type_bt {
	font-size:14px;
	color:#fff;
	text-align:center
}
.contact_us {
	/*width:470px;*/
width:488px;
	height:147px;
	border-right:1px solid #343434;
	float:left;
	margin-top:30px;
}
.contact_us ul li {
	display:block;
	width:430px;
	height:30px;
	text-decoration:none;
	color:#828496;
	margin:0px 0px 0px 60px;
	text-align:left;
	vertical-align:middle;
	line-height:25px;
}
.contact_us ul .contact_us_bt {
	font-size:16px;
	color:#828496;
}
.contact_us ul li span {
	padding-left:10px;
}
.two_dimension_code {
	width:110px;
	height:147px;
	float:right;
	margin-top:30px; margin-right:110px ; color:#828496
}
.two_dimension_code div {
	width:110px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
}
.two_dimension_code img {
	display:block;
	margin:0px auto
}
.footer_below {
	width:100%;
	height:50px;
	background-color:#1b222a;
	text-align:center;
	vertical-align:middle;
	line-height:50px; color:#828496;
}


.part{ height: auto; overflow:hidden; width:1280px;}

.part span{ height:29px; width:1280px; overflow:hidden; text-align:center; font:14px/29px "Microsoft Yahei"; display:block; background:url(../images/part_tl.gif) no-repeat center center;}

.part span a{ color:#767676;}



.roll1,.roll2{ margin:126px 0 0 0; display:blcok; width:16px; height:32px; overflow:hidden;}

.roll1 img,.roll2 img{width:16px; height:32px;}



.part_c{ margin:31px 0 0 44px; display:inline;}

.part_c ul li{ width:252px; height:208px; float:left; margin-right:23px; display:inline; overflow:hidden;}

.part_c ul li img{ width:244px; height:200px; border:1px solid #d2d2d2; padding:3px; background:#fff;}

.part_c ul li span{ position:absolute; top:260px; left:6px;  height:48px; width:604px; overflow:hidden; text-align:center;  display:block; color:#fff; background:url(../images/cul_span.png) repeat left top;}

.part_c ul .nones{ margin-right:0px;}

.pro{ height:1440px; padding:40px 0 0; overflow:hidden;}]



.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }